﻿<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Kucharz</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript" src="bootstrap.js"></script>
    <script type="text/javascript" src="Kucharz.js"></script>
    <link rel="stylesheet" href="bootstrap.css" type="text/css">
    <link rel="stylesheet" href="Kucharz.css" type="text/css">
</head>
<body>
    <div class="KucharzTable">
        <div class="panel panel-default">
            <div class="panel-heading">Kucharz: <b>Imię i nazwisko kucharza</b></div>
            <table class="table">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Nazwa potrawy</th>
                        <th>Dodatki</th>
                        <th>Czas zakończenia</th>
                    </tr>
                </thead>
                <tbody>
                    <tr id="KucharzZlecenie1">
                        <td>1</td>
                        <td>Margherita</td>
                        <td>Podwójny ser</td>
                        <td>16.30</td>
                    </tr>
                    <tr id="KucharzZlecenie2">
                        <td>2</td>
                        <td>Spaghetti</td>
                        <td>Brak</td>
                        <td>17.00</td>
                    </tr>
                    <tr id="KucharzZlecenie3">
                        <td>3</td>
                        <td>Danie 3, Danie 4</td>
                        <td>Brak</td>
                        <td>18.00</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-default" onclick="$('#ZamowienieOdKelnera').show();">Pokaż nadchodzące zamówienie<br />(na potrzeby pokazania funkcjonalności)</button>
        </div>
    </div>

    <!-- Okno dotyczace nowego zamowienia, wymaga potwierdzenia -->
    <div id="ZamowienieOdKelnera" class="panel panel-primary FloatingWindow Hidden">
        <div class="panel-heading">
            <h3 class="panel-title">Kelner: <b>Imię i nazwisko kelnera</b></h3>
        </div>
        <div class="panel-body">
            <ul class="list-group LeftList">
                <li class="list-group-item">Nazwa potrawy</li>
                <li class="list-group-item">Dodatki</li>
            </ul>
            <ul class="list-group RightList">
                <li class="list-group-item">Spaghetti Bolognese</li>
                <li class="list-group-item">Ostry sos</li>
            </ul>
            <div class="Clear ButtonsContainer">
                <button id="DecreaseTime" type="button" class="btn btn-default Buttons3 FloatLeft">-10</button>
                <div class="input-group Buttons3 FloatLeft">
                    <input id="SzacowanyCzas" type="number" style="height: 100px;" class="form-control" placeholder="Szacowany czas wykonania" value="30">
                    <span class="input-group-addon">min</span>
                </div>
                <button id="IncreaseTime" type="button" class="btn btn-default Buttons3 FloatLeft">+10</button>
            </div>
            <div class="Clear ButtonsContainer">
                <button id="KucharzPrzyjmijZamowienie" type="button" class="btn btn-default Buttons2 FloatLeft">Przyjmij</button>
                <button id="KucharzOdrzucZamowienie" type="button" class="btn btn-default Buttons2 FloatRight">Odrzuć</button>
            </div>
        </div>
    </div>

    <!-- Okno dotyczace potwierdzenia wykonania zamowienia -->
    <div id="PotwierdzWykonanieZamowienie" class="panel panel-primary FloatingWindow Hidden">
        <div class="panel-heading">
            <h3 class="panel-title">Potwierdź zamówienie nr <b>1</b></h3>
        </div>
        <div class="panel-body">
            <ul class="list-group LeftList">
                <li class="list-group-item">Nr zamówienia</li>
                <li class="list-group-item">Nazwa potrawy</li>
                <li class="list-group-item">Dodatki</li>
            </ul>
            <ul class="list-group RightList">
                <li class="list-group-item">1</li>
                <li class="list-group-item">Margherita</li>
                <li class="list-group-item">Podwójny ser</li>
            </ul>

            <div class="Clear ButtonsContainer">
                <button id="KucharzPotwierdzZamowienie" type="button" class="btn btn-default Buttons2 FloatLeft">Potwierdź wykonanie zamówienia</button>
                <button id="KucharzAnuluj" type="button" class="btn btn-default Buttons2 FloatRight">Anuluj</button>
            </div>
        </div>
    </div>
</body>
</html>